$breakpoints: (
        'xs': 'only screen and ( max-width: 992px)',
        'sm': 'only screen and ( max-width: 1025px)',
        'md': 'only screen and ( max-width: 1368px)',
        'lg': 'only screen and ( max-width: 1441px)',
) !default;
@mixin respond-to($breakpoint) {
  $query: map-get($breakpoints, $breakpoint);
  //@if not $query {
  ////  @error 'No value found for `#{$breakpoint}`. Please make sure it is defined in `$breakpoints` map.';
  //}
  @media #{if(type-of($query) == 'string', unquote($query), inspect($query))} {
    @content;
  }
}